//store 仓库


import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

const store = new Vuex.Store({//new一个Vuex.Store，
  //组件的状态相当于组件中的data  vuex 所有的数据放到一个大对象(State)
  state: {
    banner: null,
    list: null,
    tableData:null
  },
  //此处就是将数据存储起来的函数
  mutations: {
    changeBanner(state, payload) {
      state.banner = payload;
    },
    changeList(state, payload) {
      state.list = payload;
    },
    changetableData(state, payload) {
      state.tableData = payload;
    },
  },
  //解决异步的方法，页面中还有地方需要用此数据时，就会产生异步的问题，好好看固定写法
  actions: {
    // 异步数据请求使用 action  
    changetableDataAction({commit},msg){  //context = {commit:commit(){}}  = {commit} 
    commit("changetableData",msg);  // action 一定提交mutation  通知 mutations 去修改数据 
}
  },
  modules: {
  }
})

export default store
